<script setup lang="ts"></script>

<template>
  <wd-radio-group cell shape="dot" class="!bg-transparent">
    <wd-radio value="1" class="rounded-lg bg-white">
      <view class="box-border w-[80%] flex flex-col items-start text-left">
        <wd-text text="桌台点餐" color="#333" size="14px" />
        <wd-text
          text="正餐一般选择桌台点餐，有桌台管理页面，可选择桌台后进行点餐结账操作"
          size="12px"
          class="mt-1"
        />
      </view>
    </wd-radio>
    <wd-radio value="1" class="rounded-lg bg-white !mt-3">
      <view class="box-border w-[80%] flex flex-col items-start text-left">
        <wd-text text="直接点餐" color="#333" size="14px" />
        <wd-text
          text="快餐一般选择直接点餐，没有桌台管理页面，可直接进行点餐结账操作"
          size="12px"
          class="mt-1"
        />
      </view>
    </wd-radio>
    <wd-radio value="1" class="rounded-lg bg-white !mt-3">
      <view class="box-border w-[80%] flex flex-col items-start text-left">
        <wd-text text="既可以桌台点餐有可以直接点餐" color="#333" size="14px" />
        <wd-text
          text="仅在快餐/茶饮生效，POS支持先用餐后结账，点餐助手/平板点餐/点餐宝暂不支持"
          size="12px"
          class="mt-1"
        />
      </view>
    </wd-radio>
  </wd-radio-group>
</template>

<style scoped lang="scss"></style>
